import './index.css';
import {Login} from "@/pages/account/login.jsx";
import {Register} from "@/pages/account/register.jsx";
import {useState} from "react";

export function Account() {
    const [loginState, setLoginState] = useState(true);
    function toggleLogin() {
        setLoginState(!loginState);
        console.log('loginState:',loginState);
    }
    return (
        <>
            <section className="layout-account">
                {loginState ? <Login toggleLogin={toggleLogin}/> : <Register toggleLogin={toggleLogin}/>}

            </section>
        </>
    )
}